.app {
    height: 100%;
    overflow: hidden;

    .dialog {
        box-sizing: border-box;

        &.center {
            animation: fade-in 0.3s;
        }

        &.bottom {
            animation: move-in 0.3s;
        }

        @keyframes fade-in {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        @keyframes move-in {
            0% {
                transform: translateY(100%);
            }

            100% {
                transform: translateY(0);
            }
        }
    }
}